<template>
	<view class="match-item end" @click="$emit('toDetail',item)">
	  <view class="imgW">
	    <image src="@/static/image/label.png" class="img" mode=""></image>
	    <view class="icon" :class="{'bg-red': index===0, 'bg-origin': index===1, 'bg-end': index===2}">
	      <template v-if="index == 0">代开赛</template>
	      <template v-if="index == 1">报名中</template>
	      <template v-if="index == 2">已结束</template>
	    </view>
	    <view class="address flex-lect">
	      <u-icon name="map" size="18" color="#fff"></u-icon>
	      <text class="t">阜阳</text>
	    </view>
	  </view>
	  <view class="div">
	    <view class="name u-line-2">2025“中国皖美山水”骑行赛·阜南王家坝站暨“焦陂特曲”阜阳市第2025“中国皖美山水”骑行赛·阜南王家坝站暨“焦陂特曲”阜阳市第...</view>
	    <view class="hours">
	      <view class="">1000+阅读</view>
	      <view class="">8小时前</view>
	    </view>
	  </view>
	</view>
</template>

<script>
export default {
	name: 'Layout',
	props: {
		//类型，到不同的页面
		item: {
			type: Object,
			default: {}
		}
	},

	data() {
		return {
      index:0
    };
	},
	methods: {
		
	}
};
</script>

<style lang="scss" scoped>
.empty{
  text-align: center; padding: 50rpx 0 100rpx;
  .img{display: block; width: 128rpx; height: 128rpx; margin: 0 auto 30rpx;}
  .tip{color: #888; font-size: 26rpx;}
}
</style>
